import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import layout from "@/views/layout"
import container from "@/views/container"
import form from "@/views/form"
import element from "@/views/element"
import table from "@/views/table"
import tree from "@/views/tree"
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'layout',
      component: layout
    },
		{
		  path: '/container',
		  name: 'container',
		  component: container,
		   //redirect:'/layout1',
			children:[{
				//path: '/',
				 path: '/layout1',
				name: 'layout1',
				components: {
					default:layout
				}
			},{
			path: '/form',
			name: 'form',
			component: form	
			},{
			path: '/element',
			name: 'element',
			component: element	
			},{
			path: '/table',
			name: 'table',
			component: table	
			},{
			path: '/tree',
			name: 'tree',
			component: tree	
			}
			]
		}
  ]
})
